<!--
 * @Author: susu 1628469970@qq.com
 * @Date: 2022-09-03 23:36:19
 * @LastEditors: susu 1628469970@qq.com
 * @LastEditTime: 2022-09-04 20:15:21
 * @FilePath: \css_demos\web\loading\椭圆绕圈动画.html
 * @Description: 椭圆绕圈动画
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>椭圆绕圈动画</title>
</head>
<link rel="stylesheet" href="../../common.css">
<link rel="stylesheet/less" href="./index.less" />

<body>
    <section>
        <div class="oval">
            <!-- <div class="oval rotate90"></div> -->
            <div class="circle-inner"></div>
            <!-- <div class="circle-inner rotate90"></div> -->
            <div class="circle-inner1"></div>
            <!-- <div class="circle-inner1 rotate90"></div> -->
        </div>
    </section>
</body>
<!-- <script src="https://cdn.bootcss.com/less.js/3.10.3/less.js"></script> -->
<script src="../../less.1.7.3.js"></script>

</html>